<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<body>
<ui:composition template="/templates/mainTemplate.xhtml">
	<ui:define name="pageTitle">${msg.mainpage}</ui:define>
	<ui:define name="pageHeader">${msg.welcome_mainpage}</ui:define>
	<ui:define name="maincontent">
		<h:form>
			<h:dataTable var="mainThumbPictures" value="#{cacheBean.mainPictureCache}"
				rendered="#{cacheBean.mainPictureCache != null}" cellpadding="1">
				<h:column>
					<t:popup styleClass="popup" closePopupOnExitingElement="true"
						closePopupOnExitingPopup="true" displayAtDistanceX="10"
						displayAtDistanceY="10">
						<t:graphicImage value="#{mainThumbPictures.pic1}"/>
						<f:facet name="popup">
								<t:graphicImage value="#{mainThumbPictures.pic1_1}" border="3"/>
						</f:facet>
					</t:popup>
					&nbsp;
					<t:popup styleClass="popup" closePopupOnExitingElement="true"
						closePopupOnExitingPopup="true" displayAtDistanceX="10"
						displayAtDistanceY="10">
						<t:graphicImage value="#{mainThumbPictures.pic2}"/>
						<f:facet name="popup">
								<t:graphicImage value="#{mainThumbPictures.pic2_1}" border="3"/>
						</f:facet>
					</t:popup>
					&nbsp;
					<t:popup styleClass="popup" closePopupOnExitingElement="true"
						closePopupOnExitingPopup="true" displayAtDistanceX="10"
						displayAtDistanceY="10">
						<t:graphicImage value="#{mainThumbPictures.pic3}"/>
						<f:facet name="popup">
								<t:graphicImage border="3" value="#{mainThumbPictures.pic3_1}" />
						</f:facet>
					</t:popup>
				</h:column>
			</h:dataTable>
		</h:form>
	</ui:define>
</ui:composition>
</body>
</html>
